@font-face {
    font-family: 'segoeui';
    src: url('segoeui.eot');
    src: url('segoeui.eot?#iefix') format('embedded-opentype'),
    url('segoeui.woff') format('woff'),
    url('segoeui.ttf') format('truetype'),
    url('segoeui.svg#segoeui') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoeuil';
    src: url('segoeuil.eot');
    src: url('segoeuil.eot?#iefix') format('embedded-opentype'),
    url('segoeuil.woff') format('woff'),
    url('segoeuil.ttf') format('truetype'),
    url('segoeuil.svg#segoeuil') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoeuib';
    src: url('segoeuib.eot');
    src: url('segoeuib.eot?#iefix') format('embedded-opentype'),
    url('segoeuib.woff') format('woff'),
    url('segoeuib.ttf') format('truetype'),
    url('segoeuib.svg#segoeuib') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Devil Breeze Medium';
    src: url('Devil Breeze Medium.eot');
    src: url('Devil Breeze Medium.eot?#iefix') format('embedded-opentype'),
    url('Devil Breeze Medium.woff') format('woff'),
    url('Devil Breeze Medium.ttf') format('truetype'),
    url('Devil Breeze Medium.svg#Devil Breeze Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* RESET CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
img
{
    outline: none;
    border: none;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END RESET */

/* FONTS */
@font-face{
    font-family: 'Lacoste';
    src: url("../images/lacostesans-regular.eot")/*tpa=http://www.lacoste-future.com/L1212/fonts/lacostesans-regular.eot*/;
    src: url("../images/lacostesans-regular.eot-#iefix")/*tpa=http://www.lacoste-future.com/L1212/fonts/lacostesans-regular.eot?#iefix*/ format('embedded-opentype'),
         url("../images/lacostesans-regular.woff")/*tpa=http://www.lacoste-future.com/L1212/fonts/lacostesans-regular.woff*/ format('woff'),
         url("../images/lacostesans-regular.ttf")/*tpa=http://www.lacoste-future.com/L1212/fonts/lacostesans-regular.ttf*/ format('truetype'),
         url("../images/lacostesans-regular.svg#LacostesansRegular")/*tpa=http://www.lacoste-future.com/L1212/fonts/lacostesans-regular.svg#LacostesansRegular*/ format('svg');
    font-weight: normal;
    font-style: normal;
}

/*@font-face{
    font-family: 'TVNordCondEF';
    src: url('../fonts/tvnordcondef/regular.eot');
    src: url('../fonts/tvnordcondef/regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tvnordcondef/regular.woff') format('woff'),
         url('../fonts/tvnordcondef/regular.ttf') format('truetype'),
         url('../fonts/tvnordcondef/regular.svg#TVNordCondEFRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'TVNordCondEF';
    src: url('../fonts/tvnordcondef/bold.eot');
    src: url('../fonts/tvnordcondef/bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/tvnordcondef/bold.woff') format('woff'),
        url('../fonts/tvnordcondef/bold.ttf') format('truetype'),
        url('../fonts/tvnordcondef/bold.svg#TVNordCondEFBold') format('svg');
    font-weight: bold;
    font-style: normal;
}*/

@font-face {
    font-family: 'LacosteLight';
    src: url("../images/lacostesanslight.eot")/*tpa=http://www.lacoste-future.com/L1212/fonts/lacoste-sans-light/lacostesanslight.eot*/;
    src: url("../images/lacostesanslight.eot-#iefix")/*tpa=http://www.lacoste-future.com/L1212/fonts/lacoste-sans-light/lacostesanslight.eot?#iefix*/ format('embedded-opentype'),
              url("../images/lacostesanslight.woff")/*tpa=http://www.lacoste-future.com/L1212/fonts/lacoste-sans-light/lacostesanslight.woff*/ format('woff'),
              url("../images/lacostesanslight.ttf")/*tpa=http://www.lacoste-future.com/L1212/fonts/lacoste-sans-light/lacostesanslight.ttf*/ format('truetype'),
              url("../images/lacostesanslight.svg#lacostesanslight")/*tpa=http://www.lacoste-future.com/L1212/fonts/lacoste-sans-light/lacostesanslight.svg#lacostesanslight*/ format('svg');
    font-weight: normal;
    font-style: normal;
}


/* END FONTS */

#loading {
  display: none;
  background: #193D4E;
  position:   fixed;
  z-index:    555;
  top:        0;
  left:       0;
  height:     100%;
  width:      100%;
  background: url("../images/loader.gif")/*tpa=http://www.lacoste-future.com/L1212/images/loader.gif*/ no-repeat center center #193D4E;
}

/* GLOBAL */
body{
    font-family: "Lacoste", Helvetica;
    width: 100%;
    /*background: url("../images/images/main_bg.png");*/
    background: #f79323;;
}

a{
    text-decoration: none;
    color: #ffffff;
}

a, a:focus, a:active{
    outline: none;
}

.title{
    text-align: center;
    text-transform: uppercase;
    /*background: url("bg-title.png")*//*tpa=http://www.lacoste-future.com/L1212/images/bg-title.png*//* no-repeat;*/
    background-position: center center;
    height: 137px;
    color: #ffffff;
    font-size: 2em;
    margin-top:20px;
    margin-bottom: 14px;
    text-shadow: 0px 0px 60px #d9efe8;
}

.title img
{
    height: 102px;
}


.title h2{
    padding-top: 12px;
}

.lines{
    background: url("../summer_layout/lines.png") center center no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 3260px;
    background-size: 100%;
    top: 0;
    left: 0;
    background-position: top;
    /*z-index: 1;*/
}

#global{
    /*background: url("background.png")*//*tpa=http://www.lacoste-future.com/L1212/images/background.png*//*;*/

    /*background: url("../summer_layout/lines.png") center center no-repeat;*/
    background-position: top center;
    min-width:1024px;
    /*position: relative;*/
    overflow:hidden;
    /*background: url("../images/images/main_bg.png");*/
    /*background:#f79323;*/
}

/*#parallaxe{
    background: url('../images/bg-parallaxe.png') no-repeat;
    background-position: center center;
    width: 100%;
    height: 2000px;
    position: absolute;
    z-index: 0;
}*/

#page{
    /*margin-top: -100px;*/
    position: relative;
    width: 100%;
    /*z-index: 1;*/    /*if have it, the background can not overlap nav-bis*/
    /*background: url("../images/parallax-layer-1_opt_3.png")*//*tpa=http://www.lacoste-future.com/L1212/images/bg/parallax-layer-1_opt_3.png*//* repeat-y scroll 50% 0 transparent;*/
}

#page .parallax-wrapper {

  /*background: url("/images/parallax-layer-2_opt_2.png") repeat-y scroll 50% 40% transparent;*/
  width: 100%;
  position:relative;

}

#page .parallax-wrapper .parallax-wrapper {
    /*background: url("/images/parallax-layer-2_opt_2.png") repeat-y scroll 50% 60% transparent;*/
    /*background:#f79323;*/
}
/* END GLOBAL */

/* HEADER */
#header{
    width: 100%;
    min-width: 1024px;
    top: 0;
}

#header img{
    position: absolute;
    top: 0;
    margin-left: -25px;
    z-index: 0;
}

#header #header-content #nav{
    text-align: right;
}

#header #header-content #nav ul li{
    display: inline-block;
    color: white;
    text-transform: uppercase;
    font-size: 0.7em;
    margin-left: 18px;
    height: 21px;
    padding-top: 14px;
}

#header #header-content .nav-de ul li{
    margin-left: 10px!important;
}

#header #header-content #nav ul li:hover{
    background: url("../images/menu-hover.png")/*tpa=http://www.lacoste-future.com/L1212/images/menu-hover.png*/ no-repeat center center;
    text-shadow: 0px 0px 20px #d9efe8;
}

.header-top{
    height: 98px;
    /*background: url('../images/header-2.png') no-repeat #083044;*/
    background-position: center center;
    position: absolute;
}

#header.header-scroll img{
/*  margin-left:0px;
  margin-top:5px;*/
display:none;
}

.header-top #header-content{
    width: 1024px;
    height: 98px;
    margin: 0 auto;
}

.header-top #header-content #nav ul{
    margin-top: 36px;
}

.header-scroll{
    height: 40px;
    background: #083044;
    position: fixed;
}

.header-scroll #header-content{
    height: 40px;
    width: 1024px;
    margin: 0 auto;
    margin-top:5px;
    background: url("../images/logo-small-1.png")/*tpa=http://www.lacoste-future.com/L1212/images/logo-small.png*/ no-repeat center left;
}

.header-scroll #header-content #nav ul{
    margin-top: -5px;
}

#nav ul li.lang{
    position: relative;
}

#nav ul li ul{
    display: none;
}

#nav ul li:hover ul{
    display: block;
}

#nav ul li ul{
    position: absolute;
    width: 70px;
    text-align: center;
    margin-top: 5px!important;
    right: 18px;
    margin-right: 0px!important;
    margin-left: 0px!important;
}

#nav ul li ul li{
    display: block;
    width: 70px;
    background: #083044;
    height: 20px!important;
    text-shadow: none!important;
    font-size: 0.9em!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

#nav ul li ul li:hover{
    background: #005971!important;
    text-shadow: none!important;
}

#nav ul li ul li a{
    width: 70px;
    height: 20px;
    display: block;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
/* END HEADER */

/* NAV BIS */
#nav-bis{
    position: fixed;
    right: 6px;
    width: 40px;
    z-index: 5000;
    top: 245px;
}

#nav-bis .btn{
    width: 42px;
    height: 42px;
    background-color: #f2f2f2;
    margin-bottom: 1px;
    cursor: pointer;
    transition: background-color 1s;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
}

#nav-bis .btn:hover{
    background-color: #f2f2f2;
    transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
}

#nav-bis .btn a{
    width: 42px;
    height: 42px;
    display: block;
}

#nav-bis .prev-btn{
    background: url("../images/navigation/prev_btn.png") no-repeat/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/prev.png*/;
    background-size: 42px auto;
    -moz-background-size: 42px auto;
    -webkit-background-size: 42px auto;
    background-position: 0px 10px;
    width: 53px;
    height: 33px;
}

#nav-bis .prev-btn:hover{
    background: url("../images/navigation/prev_active_btn.png") no-repeat/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/prev-hover.png*/;
    background-size: 54px auto;
    -moz-background-size: 54px auto;
    -webkit-background-size: 54px auto;
    background-position: -7px 0px;
}

#nav-bis .next-btn{
    background: url("../images/navigation/next_btn.png") no-repeat/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/next.png*/;
    background-size: 42px auto;
    background-size: 42px auto;
    -moz-background-size: 42px auto;
    -webkit-background-size: 42px auto;
    background-position: 0px 0px;
    width: 53px;
    height: 33px;
}

#nav-bis .next-btn:hover{
    background: url("../images/navigation/next_active_btn.png") no-repeat/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/next-hover.png*/;
    background-size: 54px auto;
    -moz-background-size: 54px auto;
    -webkit-background-size: 54px auto;
    background-position: -4px -2px;
}

#nav-bis .paging-btn{
    width: 42px;
    /*background-color: #f2f2f2;*/
    margin-bottom: 1px;
    padding-top: 10px;
    padding-bottom: 5px;
    cursor: pointer;
}

#nav-bis .paging-btn .point-btn{
    background: url('../images/navigation/point.png') no-repeat center center;
    width: 24px;
    height: 22px;
    margin: 0 auto;
    margin-bottom: 8px;
    transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    background-size: 12px 11px;
    -moz-background-size: 12px 11px;
    -webkit-background-size: 12px 11px;

}

#nav-bis .paging-btn .point-btn:hover{
    background: url('../images/navigation/point_active.png') no-repeat center center;
    transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    background-size: 24px 22px;
    -moz-background-size: 24px 22px;
    -webkit-background-size: 24px 22px;

}

#nav-bis .paging-btn .active{
    background: url('../images/navigation/point_active.png')/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/point-active.png*/ no-repeat;
    background-size: 24px 22px;
    -moz-background-size: 24px 22px;
    -webkit-background-size: 24px 22px;
}

#nav-bis .fb-btn{
    background: url("../summer_layout/navigation/fb.png") no-repeat center center;
    /*width: 30px;*/
    height: 47px;
    background-size: auto 37px;
}

#nav-bis .fb-btn:hover{
    background: url("../summer_layout/navigation/fb-hover.png")no-repeat center center;
    background-size: auto 47px;
    background-position-x: 5px;
}

#nav-bis .pin-btn{
    background: url("../images/pin.png")/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/pin.png*/ #e1e1e1;
}s

#nav-bis .pin-btn:hover{
    background: url("../images/pin-hover.png")/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/pin-hover.png*/ #093246;
}

#nav-bis .gplus-btn{
    background: url("../images/gplus.png")/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/gplus.png*/ #e1e1e1;
    background-position: 4px center;
}

#nav-bis .gplus-btn:hover{
    background: url("../images/gplus-hover.png")/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/gplus-hover.png*/ #093246;
    background-position: 4px center;
}

#nav-bis .tumblr-btn{
    background: url("../images/tumblr.png")/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/tumblr.png*/ #e1e1e1;
}

#nav-bis .tumblr-btn:hover{
    background: url("../images/tumblr-hover.png")/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/tumblr-hover.png*/ #093246;
}

#nav-bis .twitter-btn{
    background: url("../images/twitter.png")/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/twitter.png*/ #e1e1e1;
}

#nav-bis .twitter-btn:hover{
    background: url("twitter-hover.png")/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/twitter-hover.png*/ #093246;
}

#nav-bis .renren-btn{
    background: url("renren.png")/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/renren.png*/ #e1e1e1;
}

#nav-bis .renren-btn:hover{
    background: url("renren-hover.png")/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/renren-hover.png*/ #093246;
}

#nav-bis .weibo-btn{
    background: url("weibo.png")/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/weibo.png*/ #e1e1e1;
}

#nav-bis .weibo-btn:hover{
    background: url("weibo-hover.png")/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/weibo-hover.png*/ #093246;
}
/* END NAV BIS */


/* LE FILM L.12.12 */
#watch{
    width: 1024px;
    margin: -25px auto;
}

#watch .title{
    margin-bottom: 14px;
}

#watch #player{
    width: 780px;
    height: 450px;
    margin: 0 auto;
}
/* END LE FILM L.12.12 */


/* MANIFESTO */
#manifesto{
    width: 100%;
    position: relative;
    /*padding-top: 10px;*/
    /*padding-bottom: 15px;*/
}



#manifesto .list
{
    width:800px;
    height: 420px;
    position: relative;
    /*margin: -20px auto;*/
    margin: 0px auto;
}

#manifesto .list .left-btn
{
    cursor: pointer;
    position: absolute;
    width:29px;
    height: 46px;
    background: url("/summer_layout/left_button.png") no-repeat center center;
    left: -32px;
    top: 185px;
}

#manifesto .list .right-btn
{
    cursor: pointer;
    display: block;
    position: absolute;
    width: 29px;
    height: 46px;
    background: url("/summer_layout/right_button.png") no-repeat center center;
    right: -32px;
    top: 185px;

}


#manifesto .list .list-wrapper
{
    overflow: hidden;
    width: 800px;
}

#manifesto .list .list-wrapper .long-div
{
    width: 100000px;
    position: relative;
}

#manifesto .list .list-wrapper .parrent-item
{
    overflow: hidden;
    margin-bottom: 37px;
}


#manifesto .list .list-wrapper .parrent-item .item
{
    float: left;
    width:152px;
    height: 113px;
    background: url("../summer_layout/img_frame.png") no-repeat center center;
    text-align: center;
    margin-left: 4px;
    margin-right: 4px;
}

#manifesto .list .item img
{
    width: 140px;
    height: 100px;
    margin-top: 7px;
}

.lt-ie8 #manifesto{
    position: static;
}

#manifesto .title{
  margin-top:11px;
  /*margin-bottom:30px;*/
  margin-bottom:9px;
}

#manifesto #bg-manifesto{
    height: 316px;
    width: 100%;
    position: absolute;
    top: 146px;
}

.lt-ie8 #manifesto #bg-manifesto{
    margin-top: 45px;
    top: auto;
    z-index: 0;
}

#manifesto #manifesto-content{
    height: 384px;
    overflow: hidden;
    /*background: url("/demo_data/slide_background.png") center center;*/

}

#manifesto-double-wrapper{
/*    overflow: hidden;*/
    height: 384px;
    position: relative;
}
#manifesto-wrapper {
    width: 1624px;
    height: 384px;
    margin: -192px 0 0 -812px;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
}

.bg-slides{
   width: 1024px;
   height: 384px;
   position: absolute;
   left: 50%;
   margin-left: -512px;
   z-index: 0;
}

.slide a {
  color: #083044;
  text-decoration: underline;
}

.slide{
    width: 1024px;
    height: 384px;
    float: left;
    position: relative;
    overflow: hidden;
    background: none;
}
.slide .wrap-slide
{
    width: 1024px;
    height: 384px;
    background: url("/demo_data/slide_wrapper.png") no-repeat;
    background-size: 1024px 384px;
}

#manifesto #controls{
    width: 1024px;
    height: 43px;
    left: 50%;
    margin-left: -512px;
    position: absolute;
    z-index: 5;
    margin-top: 170px;
}

#manifesto #controls .left-btn{
    background: url("../images/left.png")/*tpa=http://www.lacoste-future.com/L1212/images/left.png*/ no-repeat;
    width: 39px;
    height: 59px;
    position: absolute;
    left: 18px;
    z-index: 5;
    cursor: pointer;
    display: block;
}

#manifesto #controls .right-btn{
    background: url("../images/right.png")/*tpa=http://www.lacoste-future.com/L1212/images/right.png*/ no-repeat;
    width: 39px;
    height: 59px;
    position: absolute;
    right: 35px;
    z-index: 5;
    cursor: pointer;
}

#manifesto #controls .pagination{
    position: absolute;
    top: 175px;
    z-index: 5;
    text-align: center;
    width: 100%;
}

#manifesto #controls .pagination a{
    background: url("../images/point.png")/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/point.png*/  no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    background-size:16px 16px;
}

#manifesto #controls .pagination a.selected{
    background: url("../images/point-active.png")/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/point-active.png*/  no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    cursor: default;
    background-size:16px 16px;

}

#manifesto #controls .pagination span{
    display: none;
}

#manifesto .bg-manifesto{
    width: 1024px;
    height: 384px;
    position: absolute;
    z-index: 4;
    display: none;
}

#manifesto .bg1{
    background: url("bg1.png")/*tpa=http://www.lacoste-future.com/L1212/images/manifesto/bg1.png*/;
}

#manifesto .bg2{
    background: url("bg2.png")/*tpa=http://www.lacoste-future.com/L1212/images/manifesto/bg2.png*/;
}

#manifesto .bg3{
    background: url("bg3.png")/*tpa=http://www.lacoste-future.com/L1212/images/manifesto/bg3.png*/;
}

#manifesto .bg4{
    background: url("bg4.png")/*tpa=http://www.lacoste-future.com/L1212/images/manifesto/bg4.png*/;
}

#manifesto .bg5{
    background: url("bg5.png")/*tpa=http://www.lacoste-future.com/L1212/images/manifesto/bg5.png*/;
}

#manifesto .manifesto-image{
    z-index: 5;
    position: relative;
    float: left;
    height: 100%;
}

#manifesto .manifesto-image img{
    height: 100%;
}

#manifesto .manifesto-slide-content{
    float: right;
    color: #30505e;
    z-index: 5;
    position: relative;
    right: 100px;
    width: 460px;
    font-size: 0.95em;
    line-height: 1em;
    text-align: center;
}
/* END MANIFESTO */





/* MANIFESTO COPY */
#my-manifesto-copy{
    position: relative;
    /*padding-top: 0px;*/
    /*padding-bottom: 67px;*/
    margin: 85px auto 0 auto;
    /*width: 788px;*/
    width: 100%;
}

#my-manifesto-copy .title
{
    margin-bottom: 8px;
}

#my-manifesto-copy #my-slide-show
{
    width: 1000px;
    height: 313px;
    margin: 0 auto;
}

#my-manifesto-copy #my-slide-show .my-slide
{
    width: 788px;
    height: 313px;
    background: url("/summer_layout/register_frame.png") no-repeat center center;
    margin: 0 auto;
}




/* PROCESS */
#polo-futur{
    width: 1024px;
    margin: 0 auto;
    margin-top: 120px;
    margin-bottom: 20px;
    color: #ffffff;
    text-align: center;
}

#polo-futur .three-square
{
    position: relative;
    width: 1024px;
    height: 455px;
    margin: 0 auto;
}

 .three-square .square
{
    width: 330px;
    height: 400px;
    float: left;
    margin: 0px 11px 0px 0px;

}


.three-square .square:last-child
{
    margin-right: 0px;
}


#polo-futur #polo-futur-content .intro{
    text-transform: uppercase;
    font-size: 1.2em;
    margin-top: 30px;
    margin-bottom: 30px;
}

#polo-futur .center{
    text-align:  center;
    color: #ffffff;
    background: url("intro.png")/*tpa=http://www.lacoste-future.com/L1212/images/tennis-futur/intro.png*/ no-repeat center center;
    height: 66px;
    padding-top: 34px;
    line-height: 1.3em;
}

#polo-futur #polo-futur-content #process{
/*    background: url('../images/polo-futur/process.png') no-repeat;*/
    background-position: bottom center;
    width: 1024px;
    height: 400px;
    margin-top: -135px;
}

#polo-futur #polo-futur-content .process-hover{
    background: url("process-hover-png8.png")/*tpa=http://www.lacoste-future.com/L1212/images/polo-futur/process-hover-png8.png*/;
    width: 262px;
    height: 260px;
    position: absolute;
}

#first, #second, #third, #first-china, #second-china{
    display: none;
}

#polo-futur #polo-futur-content #process-content{
  position: relative;
  overflow: hidden;
  height: 400px;
}

.container-description {
  bottom: 15px;
  left: 0;
  position: absolute;
}

#polo-futur #polo-futur-content #process-content ul#process-ul {
  height: 155px;
  list-style: none outside none;
  margin: 162px auto 0;
  padding: 0;
  position: relative;
  width: 610px;
}
#polo-futur #polo-futur-content #process-content ul#process-ul li img { padding-top:75px; }
#polo-futur #polo-futur-content #process-content ul#process-ul li {
  float: left;
  height: 154px;
  margin-right: 71px;
  text-align: center;
  width: 155px;
}
#polo-futur #polo-futur-content #process-content ul#process-ul li.first { margin-left:3px; }
#polo-futur #polo-futur-content #process-content ul#process-ul li.second { float:left; margin-right: 71px; }
#polo-futur #polo-futur-content #process-content ul#process-ul li.third { float:left; margin-right: 0px; }

#polo-futur #polo-futur-content #process-facebook{
    width: 180px;
    margin-left: 189px;
    float: left;
}

#polo-futur #polo-futur-content #process-share{
    width: 180px;
    margin-left: 48px;
    float: left;
}
#polo-futur #polo-futur-content #process-end{
    width: 180px;
    margin-left: 48px;
    float: left;
}

#polo-futur #polo-futur-content #process-content ul#process-ul-china {
  height: 155px;
  list-style: none outside none;
  margin: 162px auto 0;
  padding: 0;
  position: relative;
  width: 386px;
}
#polo-futur #polo-futur-content #process-content ul#process-ul-china li img { padding-top:75px; }
#polo-futur #polo-futur-content #process-content ul#process-ul-china li {
  float: left;
  height: 154px;
  text-align: center;
  width: 155px;
}
#polo-futur #polo-futur-content #process-content ul#process-ul-china li.first {
    margin-left:3px;
    margin-right: 71px;
}
#polo-futur #polo-futur-content #process-content ul#process-ul-china li.second { float:left; }

#polo-futur #polo-futur-content #process-share-china{
    width: 180px;
    margin-left: 305px;
    float: left;
}
#polo-futur #polo-futur-content #process-end-china{
    width: 180px;
    margin-left: 48px;
    float: left;
}

#polo-futur #polo-futur-content .prop-vision{
    text-align: center;
    /*background: url('../images/polo-futur/bg-prop-vision.png') no-repeat center center;*/
    text-transform: uppercase;
    font-size: 1.1em;
    margin-bottom: 15px;
    margin-top: 15px;
}

#polo-futur #polo-futur-content .prop-vision-china{
    text-align: center;
    /*background: url('../images/polo-futur/bg-prop-vision.png') no-repeat center center;*/
    font-size: 1.1em;
    margin-top: 30px!important;
    margin-bottom: 63px!important;
    width: 240px;
    height: 27px;
    background: #ffffff;
    margin: auto;
    -webkit-transition    : .2s;
    -moz-transition       : .2s;
    -o-transition         : .2s;
    transition            : .2s;
}

#polo-futur #polo-futur-content .prop-vision-china:hover{
    background: #005971;
    color: #ffffff;
    -webkit-transition    : .2s;
    -moz-transition       : .2s;
    -o-transition         : .2s;
    transition            : .2s;
}

#polo-futur #polo-futur-content .prop-vision-china a{
    width: 100%;
    height: 100%;
    display: block;
    color: #064352!important;
    padding-top: 5px;
}

#polo-futur #polo-futur-content .prop-vision-china a:hover{
    color: #ffffff!important;
}

#polo-futur #polo-futur-content .prop-vision-china img{
    vertical-align: middle;
}

#polo-futur #polo-futur-content .prop-vision img{
    vertical-align: middle;
    margin-top: -2px;
}

#polo-futur #polo-futur-content .prop-vision-link{
    text-align: center;
    margin-bottom: 35px;
}

#polo-futur #polo-futur-content #vision{
    width: 1024px;
    height: 404px;
    background: #ffffff;
    position: relative;
    margin-top: 50px;
}

#polo-futur #polo-futur-content #vision #vision-arrow{
    width: 381px;
    height: 404px;
    background: url("bg-vision-arrow.png")/*tpa=http://www.lacoste-future.com/L1212/images/polo-futur/bg-vision-arrow.png*/;
    background-position: top right;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    cursor: pointer;
}

#polo-futur #polo-futur-content #vision #vision-arrow #vision-arrow-hover{
    width: 381px;
    height: 404px;
    background: url("bg-vision-arrow-hover.png")/*tpa=http://www.lacoste-future.com/L1212/images/polo-futur/bg-vision-arrow-hover.png*/;
    background-position: top right;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    cursor: pointer;
    display: none;
}

#polo-futur #polo-futur-content #vision #vision-arrow #bulle1{
    top: 127px;
    left: 171px;
    width: 59px;
    position: absolute;
}

#polo-futur #polo-futur-content #vision #vision-arrow #bulle2{
    top: 150px;
    left: 164px;
    position: absolute;
}

#polo-futur #polo-futur-content #vision #vision-arrow #bulle2 .part1{
    width: 30px;
    position: absolute;
}

#polo-futur #polo-futur-content #vision #vision-arrow #bulle2 #bulle2-part2{
    width: 0px;
    overflow: hidden;
    position: absolute;
    left: 5px;
}

#polo-futur #polo-futur-content #vision #vision-arrow #bulle2 .part2{
    width: 33px;
}

#polo-futur #polo-futur-content #vision #vision-arrow #vision-andyou{
    width: 197px;
    height: 170px;
    margin-left: 102px;
    margin-top: 75px;
    text-transform: uppercase;
    font-size: 1.8em;
}

#polo-futur #polo-futur-content #vision #vision-arrow #vision-andyou p{
    padding-top: 128px;
}

#polo-futur #polo-futur-content #vision #vision-arrow #vision-yours{
    width: 100%;
    text-align: center;
    margin-top: 75px;
}

#polo-futur #polo-futur-content #vision #vision-arrow #vision-yours .prop-vision{
    text-transform: uppercase;
    font-size: 1.2em;
    /*background: url('../images/polo-futur/bg-prop-vision.png') no-repeat center center;*/
}

#polo-futur #polo-futur-content #vision #vision-arrow #vision-yours .link{
    font-size: 0.9em;
    vertical-align: middle;
    margin-top: 10px;
}

#polo-futur #polo-futur-content #vision #vision-arrow #vision-yours .link img{
    vertical-align: middle;
}

#polo-futur #polo-futur-content #vision #vision-slider{
    width: 1024px;
    height: 404px;
    overflow: hidden;
    position: absolute;
    z-index: 0;
}

#polo-futur #polo-futur-content #vision .vision-slide{
    width: 1024px;
    height: 404px;
    float: left;
    font-size: 0.9em;
    position: relative;
}

#polo-futur #polo-futur-content #vision .vision-slide .illu{
    position: absolute;
    left: 0px;
    z-index: -1;
}

#polo-futur #polo-futur-content #vision .vision-slide .vision-content {
  color: #0E3D4E;
  height: 404px;
  position: absolute;
  text-align: center;
  width: 713px;
  z-index: 1;
}
#polo-futur #polo-futur-content #vision .vision-slide .vision-content-top {
  background: none repeat scroll 0 0 #FFFFFF;
  font-size: 1.3em;
  height: 40px;
  text-transform: uppercase;
  width: 660px;
  z-index: 3;
}
#polo-futur #polo-futur-content #vision .vision-slide .vision-content-top p {
  font-size: 0.8em;
  padding-top: 2px;
}
#polo-futur #polo-futur-content #vision .vision-slide .vision-content-top p span.is-title {
  background: url("trait-title.png")/*tpa=http://www.lacoste-future.com/L1212/images/trait-title.png*/ no-repeat scroll center bottom transparent;
  display: block;
  margin-bottom: 3px;
  padding-bottom: 3px;
}

#polo-futur #polo-futur-content #vision .vision-slide .vision-content-title .big{
    font-size: 2.1em;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#polo-futur #polo-futur-content #vision .vision-slide .vision-content-title p { font-weight: bold; }

#polo-futur #polo-futur-content #vision .vision-slide .vision-content-author{
    margin-top: 15px;
}

#polo-futur #polo-futur-content #vision .vision-slide .vision-content-author .big{
    text-transform: uppercase;
    font-size: 1.2em;
    margin-top: 5px;
}

#polo-futur #polo-futur-content #vision .vision-slide .vision-logo {
  background: none repeat scroll 0 0 #FFFFFF;
  bottom: 0;
  height: 40px;
  left: 0;
  position: absolute;
  width: 660px;
  z-index: 3;
}

#polo-futur #polo-futur-content #vision .vision-slide .vision-logo p {
  font-style: italic;
  font-weight: bold;
  margin-top: 15px;
    font-size: 0.8em;
}




#vision-china{
    width: 1024px;
    height: 384px;
    overflow: hidden;
    margin: auto;
}

#vision-china #vision-china-content{
    height: 384px;
    overflow: hidden;
    background-position: center center;
}

#vision-china-double-wrapper{
/*    overflow: hidden;*/
    height: 384px;
    position: relative;
}
#vision-china-wrapper {
    width: 1024px;
    height: 384px;
    position: absolute;
    overflow: hidden;
}

#vision-china #vision-china-controls{
    width: 1024px;
    height: 43px;
    left: 50%;
    margin-left: -512px;
    position: absolute;
    z-index: 5;
    margin-top: 170px;
}
#vision-china #vision-china-controls .left-btn{
    background: url("left.png")/*tpa=http://www.lacoste-future.com/L1212/images/left.png*/ no-repeat;
    width: 22px;
    height: 43px;
    position: absolute;
    left: 18px;
    z-index: 5;
    cursor: pointer;
    display: block;
}

#vision-china #vision-china-controls .right-btn{
    background: url("right.png")/*tpa=http://www.lacoste-future.com/L1212/images/right.png*/ no-repeat;
    width: 22px;
    height: 43px;
    position: absolute;
    right: 18px;
    z-index: 5;
    cursor: pointer;
}

#vision-china #vision-china-controls .pagination{
    position: absolute;
    top: 175px;
    z-index: 5;
    text-align: center;
    width: 100%;
}

#vision-china #vision-china-controls .pagination a{
    background: url("point.png")/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/point.png*/  no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
}

#vision-china #vision-china-controls .pagination a.selected{
    background: url("point-active.png")/*tpa=http://www.lacoste-future.com/L1212/images/nav-bis/point-active.png*/  no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    cursor: default;
}

#vision-china #vision-china-controls .pagination span{
    display: none;
}

#vision-china .slide{
    background: #ffffff;
}

#vision-china .slide .illu{
    position: absolute;
    left: 600px;
}

#vision-china .slide .illu img{
    height: 100%;
}

#vision-china .slide .vision-content{
    position: absolute;
    height: 404px;
    width: 310px;
    text-align: center;
    color: #0e3d4e;
    margin-left: 55px;
}

#vision-china .slide .vision-content-top{
    text-transform: uppercase;
    font-size: 1.3em;
    margin-top: 25px;
    margin-bottom: 103px;
    background: url("bg-title-1.png")/*tpa=http://www.lacoste-future.com/L1212/images/polo-futur/bg-title.png*/ no-repeat center center;
}

#vision-china .slide .vision-content-title .big{
    font-size: 2.1em;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#vision-china .slide .vision-content-title p { font-weight: bold; }

#vision-china .slide .vision-content-author{
    margin-top: 15px;
}

#vision-china .slide .vision-content-author .big{
    text-transform: uppercase;
    font-size: 1.2em;
    margin-top: 5px;
}

#vision-china .slide .vision-logo{
    width: 312px;
    height: 26px;
    background: url("logo-white.jpg")/*tpa=http://www.lacoste-future.com/L1212/images/polo-futur/logo-white.jpg*/ no-repeat;
    background-position: center center;
    position:absolute;
    left:0px;
    bottom:40px;
}




/* END PROCESS */


/* TENNIS FUTUR */
.hover{
    border: 0px solid white;
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 6;
    cursor: pointer;
}

.lt-ie8 .hover{
    border: none;
}

.discover{
    position: absolute;
    right: 30px;
    bottom: 20px;
    color: #083044;
    background: url("arrow-blue.png")/*tpa=http://www.lacoste-future.com/L1212/images/arrow-blue.png*/ no-repeat;
    background-position: left top;
    z-index: 6;
}

.discover:hover{
    background: url("arrow-blue-hover.png")/*tpa=http://www.lacoste-future.com/L1212/images/arrow-blue-hover.png*/ no-repeat;
}

.discover a{
    color: #083044;
    margin-left: 25px;
}

.discover a:hover{
    color: #005971;
}

#tennis-futur{
    margin: 0 auto;
    /*margin-top: 60px;*/
    /*padding-top: 40px;*/
    z-index: -1;
    position: relative;
}

.bg{
    background: url("../summer_layout/keyvisual_bg.jpg") center center no-repeat;
}

.bg1{
    background: url("../summer_layout/KEYVISUAL_SMALL.jpg") center center no-repeat;
}

#tennis-futur .row1
{
    /*background: url("../summer_layout/keyvisual_bg.jpg") center center no-repeat;*/
    position: relative;
    width: 100%;
    /*height: 914px;*/
    height: 720px;
    text-align: center;
    /*background-size: 1019px 720px;*/
    background-size: 100% 100%;

}

#tennis-futur .row1 img.key-visual-top
{
    position: relative;
    top: 200px;
    margin: 0 auto;
}


#tennis-futur .row1 img.key-visual-bottom
{
    position: relative;
    top: 200px;
    margin: 0 auto;
}


#tennis-futur .center{
    text-align:  center;
    color: #ffffff;
    margin-top: 30px;
    background: url("intro.png")/*tpa=http://www.lacoste-future.com/L1212/images/tennis-futur/intro.png*/ no-repeat center center;
    height: 66px;
    padding-top: 34px;
    line-height: 1.3em;
}

#tennis-futur #tennis-futur-content{
    margin-top: 30px;
    margin-bottom: 60px;
    width: 1024px;
    height: 384px;
    /*overflow: hidden;*/
    /*background: url("bg-tennis.jpg")*//*tpa=http://www.lacoste-future.com/L1212/images/tennis-futur/bg-tennis.jpg*//* no-repeat #E2ECF7;*/
    background-position: center center;
    position: relative;
}

#tennis-futur .hover{
    cursor: auto;
}

#tennis-futur #tennis-futur-content #play{
    z-index: 10;
    position: absolute;
    margin-left: 192px;
    cursor: pointer;
    width: 650px;
    height: 384px;
    color: #064352;
}

#tennis-futur #tennis-futur-content #play-btn{
    width: 98px;
    height: 97px;
    background: url("play.png")/*tpa=http://www.lacoste-future.com/L1212/images/tennis-futur/play.png*/;
    margin: auto;
    cursor: pointer;
    margin-top: 140px;
}

#tennis-futur #tennis-futur-content #play:hover #play-btn{
    background: url("play-hover.png")/*tpa=http://www.lacoste-future.com/L1212/images/tennis-futur/play-hover.png*/;
}

#tennis-futur #tennis-futur-content .separator{
    width: 140px;
    height: 1px;
    background: #064352;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 10px;
}

#tennis-futur #tennis-futur-content #play:hover .separator{

    background: #005971;
}

#tennis-futur #tennis-futur-content p{
    text-align: center;
}

#tennis-futur #tennis-futur-content #play:hover p{
    color: #005971;
}

#tennis-futur #tennis-futur-content #film{
    width: 1024px;
    height: 576px;
    background: #000000;
    display: none;
}

#tennis-futur #tennis-futur-content #film #film-frame{
    display: none;
    height: 630px;
}

#tennis-futur #tennis-futur-content #close-frame{
    display: none;
    width: 27px;
    height: 27px;
    position: absolute;
    right: 0;
    top: -28px;
    background: url("../images/close.png")/*tpa=http://www.lacoste-future.com/L1212/images/tennis-futur/close.png*/ no-repeat #ffffff center center;
    cursor: pointer;
}
/* END TENNIS FUTUR */

/* FIND L.12.12*/
#find-l1212{
    width: 1024px;
    margin: 0 auto;
    margin-top: 60px;
}

#find-l1212 #find-l1212-content{
    width: 1024px;
    height: 384px;
    margin-top: 60px;
    margin-bottom: 60px;
    position: relative;
}

#find-l1212 #buy-online{
    width: 493px;
    height: 384px;
    background: url("../images/bg-buy-online.png")/*tpa=http://www.lacoste-future.com/L1212/images/find-l1212/bg-buy-online.png*/;
    background-position: center center;
    float: left;
    position: relative;
}

#find-l1212 #buy-online:hover .discover{
    background: url("../images/arrow-blue-hover.png")/*tpa=http://www.lacoste-future.com/L1212/images/arrow-blue-hover.png*/ no-repeat;
}

#find-l1212 #buy-online:hover .discover a{
    color: #005971;
}

#find-l1212 #buy-online .bg-hover{
    width: 493px;
    height: 384px;
    /*background: url('../images/find-l1212/buy-online-hover.png');*/
    /*background-position: center center;*/
    /*display: none;*/
    position: absolute;
    z-index: 5;
}

#find-l1212 #buy-online .bg-hover img{
    display: block;
    margin: auto;
    margin-top: 46px;
    width: 194px;
}

#find-l1212 #buy-offline{
    width: 493px;
    height: 384px;
    background: url("../images/bg-buy-offline.png")/*tpa=http://www.lacoste-future.com/L1212/images/find-l1212/bg-buy-offline.png*/;
    background-position: center center;
    float: right;
    position: relative;
}

#find-l1212 #buy-offline .bg-hover{
    width: 493px;
    height: 384px;
    position: absolute;
    z-index: 5;
}

#find-l1212 #buy-offline:hover .discover{
    background: url("../images/arrow-blue-hover.png")/*tpa=http://www.lacoste-future.com/L1212/images/arrow-blue-hover.png*/ no-repeat;
}

#find-l1212 #buy-offline:hover .discover a{
    color: #005971;
}

#find-l1212 #buy-offline .bg-hover .cursor-1{
    position: absolute;
    top: 60px;
    left: 189px;
}

#find-l1212 #buy-offline .bg-hover .cursor-2{
    position: absolute;
    top: 125px;
    left: 96px;
}

#find-l1212 #buy-offline .bg-hover .cursor-3{
    position: absolute;
    top: 121px;
    left: 346px;
    width: 48px;
}

#find-l1212 #buy-offline .bg-hover .cursor-4{
    position: absolute;
    top: 161px;
    left: 434px;
}

#find-l1212 #buy-offline .bg-hover .cursor-5{
    position: absolute;
    top: 140px;
    left: 15px;
    width: 34px;
}

#find-l1212 #all-about-polo{
    width: 1024px;
    height: 384px;
    overflow: hidden;
    position: relative;
}

#find-l1212 #all-about-polo .bg-hover{
    width: 1024px;
    height: 384px;
    position: absolute;
    z-index: 5;
}

#find-l1212 #all-about-polo .bg-hover img{
    display: block;
    margin: auto;
    margin-top: 46px;
    width: 194px;line-height: 1.2em;
}

/* END FIND L.12.12*/


/* BACK TO TOP */
#backtotop{
    text-align: center;
    color: #ffffff;
    padding-bottom: 50px;
    margin-top: 30px;
}

#backtotop .link{
    display: block;
    width: 200px;
    height: 60px;
    margin: auto;
    margin-bottom: -57px;
}

#backtotop .separator{
    width: 38px;
    height: 1px;
    background: #ffffff;
    margin: auto;
    margin-top: 7px;
    margin-bottom: 7px;
}

/* FOOTER */
#footer{
    display: none;
    width: 100%;
    height: 30px;
    background: #ffffff;
    overflow: hidden;
}

#footer a { color:#4E717D; }
#footer #footer-content{
    width: 1024px;
    height: 30px;
    margin: auto;
    margin-top: 8px;
    text-align: center;
    color: #4e717d;
    font-size: 0.9em;
}
/* END FOOTER */

/*/////////////////////////////////////////////////////////////
POPUP
//////////////////////////////////////////////////////////////*/

#mask {
    background: url("../images/mask.png")/*tpa=http://www.lacoste-future.com/L1212/images/mask.png*/ repeat transparent;
    height: 100%;
    position: absolute;
    left:0px;
    top:0px;
    width: 100%;
    z-index: 900;
}


div.popin {
    z-index: 910;
    zoom: 1;
    border:none;
    outline: none;
    background: none repeat scroll 0 0 #FFFFFF;
    width: 740px;
    padding: 10px;
    overflow: hidden;
    display:none;
}

div.popin .close {
    background:url("../images/close-1.png")/*tpa=http://www.lacoste-future.com/L1212/images/close.png*/ no-repeat;
    width: 23px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    top:5px;
    right:5px;
}

div.popin-share, div.popin-credits, div.popin-mentions, div.popin-mail-china, div.popin-mail-send-china { display: none; }

div.popin-container h1 {
    background: url("../images/popin-filets.png")/*tpa=http://www.lacoste-future.com/L1212/images/popin-filets.png*/ no-repeat scroll center center transparent;
    color: #0E3D4E;
    font-size: 2em;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-top: 20px;
    text-align: center;
    text-shadow: 0 0 60px #D9EFE8;
    text-transform: uppercase;
}
div.popin-container h2 {
    color: #0E3D4E;
    font-size: 1.3em;
    margin-top: 10px;
}
ul.sharing {
    list-style: none outside none;
    margin: 70px auto 105px;
    overflow: hidden;
    padding: 0;
    width: 600px;
}
ul.sharing li { float:left; margin-right:30px; }
ul.sharing li:last-child { margin-right:0px; }

.popin-container .credits-left  p, .popin-container .credits-right  p, .popin-container .credits-left  h2, .popin-container .credits-right h2{
    line-height: 1.4em;
    text-transform: uppercase;
}

.popin-container .credits{
    width: 360px;
    float: left;
    font-size: 0.9em;
}

.popin-container .credits-left{
    width: 385px;
    float: left;
    font-size: 0.9em;
    margin-left: 70px;
    margin-top: 20px;
}

.popin-container .credits-right{
    width: 255px;
    float: left;
    margin-left: 20px;
    font-size: 0.9em;
    margin-top: 20px;
}

.popin-container .logo-text{
    margin-left: 110px;
    margin-bottom: 60px;
    margin-top: 30px;
}

.lt-ie8 .popin-container .logo-text{
    margin-top: 10px;
}
.popin-container .credits-left img{
    float: left;
    margin-top: 16px;
}

.popin-container form{
    color: #3e6471;
    width: 530px;
    margin: auto;
}

.popin-container form .left{
    width: 256px;
    float: left;
}

.popin-container form .right{
    width: 256px;
    float: right;
}

.popin-container form input{
    width: 100%;
    height: 18px;
    margin-top: 8px;
    margin-bottom: 10px;
    border: 1px solid #abadb3;
}

.popin-container form input:focus{
     outline: none;
}

.popin-container form textarea{
    width: 525px;
    height: 168px;
    margin-top: 8px;
    margin-bottom: 10px;
    resize: none;
    outline: none;
    font-family: "Lacoste", Helvetica;
    border: 1px solid #abadb3
}

.popin-container form input[type="submit"]{
    background: url("../images/arrow-blue.png")/*tpa=http://www.lacoste-future.com/L1212/images/arrow-blue.png*/ no-repeat left;
    color: #064352;
    border: none;
    width: auto;
    padding-left: 20px;
    margin-bottom: 43px;
    cursor: pointer;
    font-family: Lacoste;
    font-size: 1em;
}

.popin-container form input[type="submit"]:hover{
    background: url("../images/arrow-blue-hover.png")/*tpa=http://www.lacoste-future.com/L1212/images/arrow-blue-hover.png*/ no-repeat left;
    color: #005971;
}

.popin-container form input.emptyField{
    border: 1px solid #bc2c41;
    height: 18px;
    width: 100%;
}

.popin-container form textarea.emptyField{
    border: 1px solid #bc2c41;
}

.popin-container .mail-send-china{
    color: #3e6471;
}

.popin-container .mail-send-china p{
    text-align: center;
    margin-top: 70px;
    margin-bottom: 70px;
}

.popin-container .mail-send-china h2{
    text-align: center;
    background: url("../images/bg-share.png")/*tpa=http://www.lacoste-future.com/L1212/images/polo-futur/bg-share.png*/ no-repeat center center;
}

.popin-container .share-mail p{
    margin-top: 15px;
    margin-bottom: 20px;
}

.popin-container .share-mail ul{
    margin: auto;
    width: 110px;
    margin-bottom: 166px;
}

.popin-container .share-mail ul li{
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}

.popin-container .share-mail ul li img{
    width: 35px;
}

/** initial setup **/

/** initial setup **/
.nano {
  position : relative;
  width    : 740px;
  height   : 150px;
  overflow : hidden;
}
.nano .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
  padding-right: 10px;
}
.nano .content:focus {
  outline: thin dotted;
}
.nano .content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .pane > .slider {
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

/*@media screen and (max-width: 1024px) {*/
  /*#header-content {*/
      /*text-align:center;*/
      /*background: url('../images/mobile/logo.png') no-repeat center center;*/
      /*height: 200px!important;*/
  /*}*/
  /*#header-content img {*/
      /*margin-left: 0px;*/
      /*position:relative;*/
      /*display: none;*/
  /*}*/
  /*#page{*/
      /*margin-top: -100px;*/
  /*}*/
  /*#manifesto-double-wrapper, #bg-manifesto, #manifesto, #nav, #vision {*/
      /*display:none;*/
  /*}*/
  /*.title {*/
      /*font-size: 3em;*/
      /*background: none;*/
  /*}*/
  /*.title h2{*/
      /*padding-top: 0px;*/
  /*}*/

  /*#polo-futur .title{*/
      /*margin-bottom: 50px;*/
  /*}*/

  /*#nav-bis{*/
      /*display: none;*/
  /*}*/

  /*.center{*/
      /*padding-top: 0px!important;*/
      /*font-size: 1.6em;*/
      /*margin-bottom: 20px;*/
      /*margin-top: 20px!important;*/
  /*}*/

  /*.container-description{*/
      /*font-size: 1.4em;*/
      /*bottom: 0px;*/
  /*}*/

  /*.discover{*/
      /*font-size: 1.6em;*/
      /*background-position: left center;*/
  /*}*/

  /*.close{*/
      /*background: url('../images/mobile/close.png')!important;*/
      /*width: 46px!important;*/
      /*height: 48px!important;*/
  /*}*/

  /*#close-frame{*/
      /*background: url('../images/mobile/close.png') #ffffff !important;*/
      /*width: 46px!important;*/
      /*height: 48px!important;*/
      /*top: -50px!important;*/
  /*}*/

  /*#tennis-futur-content #play{*/
      /*width: 100%!important;*/
      /*margin-left: 0px!important;*/
  /*}*/

  /*#tennis-futur-content .discover{*/
      /*display: none!important;*/
  /*}*/

  /*#play{*/
      /*font-size: 1.6em;*/
  /*}*/

  /*#backtotop{*/
      /*display: none;*/
  /*}*/

  /*#footer{*/
      /*font-size: 1.6em;*/
      /*height: 60px;*/
  /*}*/

  /*#footer #footer-content{*/
      /*margin-top: 16px;*/
  /*}*/
/*}*/

/*@media screen and (max-width: 1024px) {*/
    /*#loading{*/
        /*display: none;*/
    /*}*/

    /*#global{*/
        /*background: transparent;*/
    /*}*/

    /*#page{*/
        /*background: transparent;*/
    /*}*/

    /*#page .parallax-wrapper {*/
        /*background: transparent;*/
    /*}*/

    /*#page .parallax-wrapper .parallax-wrapper {*/
        /*background: transparent;*/
    /*}*/

    /*#nav-bis{*/
        /*display: none;*/
    /*}*/

    /*#find-l1212-content .hover, #find-l1212-content .bg-hover{*/
        /*display: none;*/
    /*}*/

    /*#buy-online{*/
        /*background: url('/images/find-l1212/buy-online.jpg')!important;*/
    /*}*/

    /*#buy-offline{*/
        /*background: url('/images/find-l1212/buy-offline.jpg')!important;*/
    /*}*/

    /*#tennis-futur-content #play{*/
        /*width: 100%!important;*/
        /*margin-left: 0px!important;*/
    /*}*/

    /*#tennis-futur-content .discover{*/
        /*display: none!important;*/
    /*}*/

    /*.hover{*/
        /*border: none;*/
    /*}*/
/*}*/

#loading{
    /*display: none;*/
}


/* IE FIX */
.caroufredsel_wrapper{
    position: relative!important;
}


/*qrcode*/

.qrcode-bg {
  height: 384px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1024px;
}

.qrcode-content {
  color: #000000;
  height: 364px;
  left: 20px;
  position: absolute;
  top: 20px;
  width: 650px;
  z-index: 3;
}

.qrcode-content h2 {
    color: #103a4a;
    font-size: 1.6em;
    text-align: center;
    text-transform: uppercase;
}

.qrcode-content .subtitle {
  font-size: 1em;
  text-transform: uppercase;
  width: 580px;
  margin: 0 auto;
  margin-top:15px;
}
.qrcode-content .subtitle-left {
  background: url("../images/find-l1212/qrcode_title_barre.png") no-repeat scroll left center transparent;
  float: left;
  font-size: 1em;
  height: 3px;
  margin-top: 7px;
  text-transform: uppercase;
  width: 50px;
}
.qrcode-content .subtitle-right {
  background: url("../images/find-l1212/qrcode_title_barre.png") no-repeat scroll right center transparent;
  float: left;
  font-size: 1em;
  height: 3px;
  margin-top: 7px;
  text-transform: uppercase;
  width: 50px;
}
.qrcode-content h3 {
    color: #103a4a;
    font-size: 1em;
    text-align: center;
    text-transform: uppercase;
    float:left;
    width: 480px;
}

.qrcode-p {
  margin-left: 170px;
  margin-top: 100px;
  color:#103a4a;
}
.qrcode-p strong { font-weight: bold; }


.qrcode-discover {
  color: #083044;
  position: absolute;
  right: 340px;
  bottom: 0px;
  z-index: 8;
}
.qrcode-discover .discover {
  background: url("../images/images/arrow-blue.png") no-repeat scroll left top transparent;
  color: #083044;
  position: relative;
  float:left;
  margin-left: 15px;
  z-index: 6;
}

.qrcode-bg-left {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 2;
}

.qrcode-bg-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

/*========  OTHERS  ===========*/
#join
{
    width:100%;
    position: relative;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
}
#join .two-square
{
    position: relative;
    width: 1004px;
    height: 500px;
    margin: 0 auto;
    padding-left: 20px;
}

.two-square .sponsor
{
    position: relative;
    width: 460px;
    height: 400px;
    float: left;
    margin: 0px 54px 0px 0px;

}


.two-square .sponsor:last-child
{
    margin-right: 0px;
}

#join .three-square
{
    position: relative;
    width: 1024px;
    height: 350px;
    margin: 0 auto;
}

#join .three-square .square
{
    width: 330px;
    height: 400px;
    float: left;
    margin: 0px 11px 0px 0px;
    cursor: pointer;
}

#join .three-square .square:last-child
{
    margin-right: 0px;
}

/*========= JOIN =========*/

#escape
{
    width:100%;
    position: relative;
    text-align: center;
}
#escape .three-square
{
    position: relative;
    width: 1024px;
    height: 400px;
    margin: 0 auto;
}

#escape .three-square .square
{
    width: 330px;
    height: 400px;
    float: left;
    margin: 0px 11px 0px 0px;

}




#escape .three-square .square:last-child
{
    margin-right: 0px;
}

#escape .two-square
{
    position: relative;
    width: 1024px;
    height: 500px;
    margin: 0 auto;
}

.two-square .square
{
    position: relative;
    width: 460px;
    height: 400px;
    float: left;
    margin: 0px 54px 0px 0px;
    cursor: pointer;
}


.two-square .square:last-child
{
    margin-right: 0px;
}



#register
{
    position: relative;
    padding-top: 120px;
}

#register .three-square
{
    position: relative;
    width: 1024px;
    height: 455px;
    margin: 0 auto;
}


#register .three-square .square
{
    width: 330px;
    height: 400px;
    float: left;
    margin: 0px 11px 0px 0px;

}



#register .three-square .square:last-child
{
    margin-right: 0px;
}


#partner
{
    position: relative;
    text-align: center;
    margin: 0 auto;;
    width: 760px;
    margin-top: 91px;
}

#partner .title
{
    height: 130px;
    margin-bottom: 0;
}

#partner .title img
{
    height: 101px;
}

#partner .logo-company
{
    border: none;
    outline: none;
}

#partner ul
{

}

#partner ul li
{
    float:left;
    margin-right: 10px;
}

#partner ul li:last-child{
    margin-right:0px;
}

#partner ul li a
{
     display: block;
}

#partner ul li a img
{

}



#partner .list-partner
{
    position: relative;
    width: 1024px;
    height: 330px;
    margin: 0 auto;
}

#partner .list-partner .list-partner-item
{
    float:left;
    background: url("../images/images/partner_box_bg.png") no-repeat center center;
    width: 290px;
    height: 290px;
    margin-right: 51px;
    position: relative;
    text-align: center;
}

#partner .list-partner .list-partner-item img
{
    position: relative;
    top: 80px;
    left: 0px;

}

#nav-bis .language-vi
{

}

#nav-bis .language-vi a
{
    display: block;
    height: 42px;
    width: 42px;
    background: url('../demo_data_vietnam/VI.png') no-repeat center center;
    background-size: 42px auto;
    -webkit-background-size:42px auto;
    -moz-background-size:42px auto;
    -o-background-size:42px auto;
    -ms-background-size:42px auto;
}

#nav-bis .language-vi a:hover
{
    display: block;
    height: 42px;
    width: 42px;
    background: url('../demo_data_vietnam/VI-hover.png') no-repeat center center;
    background-size: 42px auto;
    -webkit-background-size:42px auto;
    -moz-background-size:42px auto;
    -o-background-size:42px auto;
    -ms-background-size:42px auto;
}


#nav-bis .language-en
{

}

#nav-bis .language-en a
{
    display: block;
    height: 42px;
    width: 42px;
    background: url('../demo_data/EN.png') no-repeat center center;
    background-size: 42px auto;
    -webkit-background-size:42px auto;
    -moz-background-size:42px auto;
    -o-background-size:42px auto;
    -ms-background-size:42px auto;
}

#nav-bis .language-en a:hover
{
    display: block;
    height: 42px;
    width: 42px;
    background: url('../demo_data/EN-hover.png') no-repeat center center;
    background-size: 42px auto;
    -webkit-background-size:42px auto;
    -moz-background-size:42px auto;
    -o-background-size:42px auto;
    -ms-background-size:42px auto;
}

#nav-bis .yahoo
{

}

#nav-bis .yahoo a
{
    display: block;
    width: 42px;
    height: 42px;
    background: url('../demo_data/yahoo.png') no-repeat center center;
    background-size: 42px auto;
    -webkit-background-size:42px auto;
    -moz-background-size:42px auto;
    -o-background-size:42px auto;
    -ms-background-size:42px auto;
}

#nav-bis .yahoo a:hover
{
    display: block;
    width: 42px;
    height: 42px;
    background: url('../demo_data/yahoo_hover.png') no-repeat center center;
    background-size: 42px auto;
    -webkit-background-size:42px auto;
    -moz-background-size:42px auto;
    -o-background-size:42px auto;
    -ms-background-size:42px auto;
}


#nav-bis .skype
{

}

#nav-bis .skype a
{
    display: block;
    width: 42px;
    height: 42px;
    background: url('../demo_data/skype.png') no-repeat center center;
    background-size: 42px auto;
    -webkit-background-size:42px auto;
    -moz-background-size:42px auto;
    -o-background-size:42px auto;
    -ms-background-size:42px auto;
}

#nav-bis .skype a:hover
{
    display: block;
    width: 42px;
    height: 42px;
    background: url('../demo_data/skype_hover.png') no-repeat center center;
    background-size: 42px auto;
    -webkit-background-size:42px auto;
    -moz-background-size:42px auto;
    -o-background-size:42px auto;
    -ms-background-size:42px auto;
}

